<!DOCTYPE html>
<html>
<head>
{include file="common/head"}
<style type="text/css">
.md10 {
  padding-left: 15px;
  }
@media screen and (max-width: 750px) {
.site-mobile .site-tree-mobile{display: none !important;}
.site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 60px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
.layui-side{position: fixed; top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
.site-mobile .layui-side{left: 0;}
.site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
.md10 {padding-left: 0;}
}
.list-item {
    margin: 0;
    padding: 15px 5px;
    border-bottom: 1px dotted #e2e2e2;
}
.list-item:focus,.list-item:hover {
	background-color: #FAFAFA;
	color: #fff;
	
	box-shadow: 0 5px 10px rgba(0,0,0,.12);
    transform: translateY(-4px);
}
.msg {
    background-color: #F8F8F8;
    color: #666;
	padding: 10px 15px;
    line-height: 24px;
}
.layui-badge-rim {
    height: 12px;
    line-height: 12px;
}
</style>
{:hook('user_centre_head_extra')}
</head>

<body>
{include file="common/header"}
<div class="layui-container" style="margin-top: 80px;">

  <div class="layui-row">
    <div class="layui-col-md2 layui-side layui-bg-black">
      {include file="user/menu"}
    </div>
    
    <div class="layui-col-md10 md10">
    	{include file="$loadview"}
        {:hook('user_centre_body_extra')}
    </div>
  </div>
  
<div class="site-tree-mobile layui-hide">
  <i class="layui-icon layui-icon-spread-left"></i>
</div>
<div class="site-mobile-shade"></div>
</div>
{include file="common/footer"}

<script id="signEdit" type="text/html">
	<div class="layui-row" style="width: 300px;">
	<div class="layui-card"> <div class="layui-card-body"> <form class="layui-form" lay-filter="popup-form" action="{:url('wendasns/common/usersign')}" method="post"> <input type="hidden" name="id" value="14"> <div class="layui-form-item"><input type="text" name="sign" lay-verify="required" class="layui-input" value="{{d.sign}}"/></div> <div class="layui-form-item"> <div class="layui-inline" style="text-align: right;float: right;"> <div class="layui-input-inline" style="width: auto;"> <button class="layui-btn" lay-submit="" lay-filter="J_ajax_submit_btn">提交</button> </div> </div> </div> </form> </div> </div>
	</div>
</script>
<script src="/static/wendasns/comm.js?v1" type="text/javascript"></script>
<script>
    $(function () {
        $(".site-tree-mobile").click(function () {
            $("body").addClass("site-mobile");
            $(".site-mobile-shade").click(function () {
                $("body").removeClass("site-mobile");
            });
        });
    });
</script>
<script type="text/javascript">
;!function(){
    var $ = layui.$
    ,element = layui.element;
    
  element.render('collapse');
    //我的消息，监听折叠
  element.on('collapse(component-panel)', function(data){
  	var _this=$(this),state = _this.attr('data-state'),id = _this.data('id');
    if(data.show && state==0){
    	$.post('{:url('wendasns/common/notice')}',{id:id},function(){
    		_this.attr('data-state',1);
    		_this.find('span').eq(1).text('已读');
    	},'json');
    }
  });
  
}();
</script>
{:hook('user_centre_bottom_extra')}
</body>
</html>